<template>
  <!-- v-if常用于被隐藏了以后，就不再显示的情况 -->
  <div v-if="true">v-if为true的情况</div>
  <div v-if="false">v-if为false的情况</div>
  <!-- v-show常用于被隐藏了以后，还会经常显示 -->
  <div v-show="true">v-show为true的情况</div>
  <div v-show="false">v-show为false的情况</div>
  <!-- v-else-if 和 v-else -->
  <div v-if="name === '小明'">工作：前端工程师</div>
  <div v-else-if="name === '小卫'">工作：后端工程师</div>
  <div v-else>工作：测试工程师</div>
</template>
<script setup>
import { ref } from "vue";

const name = ref("小宇");
debugger;
console.log("fsfsd");
function test() {
  console.log(132123);
  debugger;
  test1();
}
function test1() {
  console.log(32131223);
}
test();
</script>
<style></style>
